// pages/feedback/feedback.js
const app = getApp()
var selectImageUrl;
var indexNum;
var countNum = 0;
// 整体的反馈内容
var content = '';
// 其他意见输入的内容
var otherContent = '';
// 判断其他选项的状态
var isOtherSelected = false;
var mobileModel;
var username = ''
var titleArr = [
  {
    title: '账号(登录、密码等问题)',
    id: 0,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '订单(支付、退款、评价等)',
    id: 1,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '房屋质量(与描述不符等)',
    id: 2,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '房东服务(态度不好、到店无房等)',
    id: 3,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
    title: '使用体验(打开速度慢、功能建议等)',
    id: 4,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  },
  {
     title: '其他(对山海边的意见等)',
    id: 5,
    selectImageUrl: '/images/check_gray.png',
    num: 0
  }
];
Page({
  /**
   * 页面的初始数据
   */
  data: {
    plain: true,
    defaultImageUrl: '/images/check_gray.png',
    isSelected: false,
    titleArr: titleArr,
    inputCount: 0,
    isCanCommite: false,
    otherHidden: true,
    selectArr: [],
    noLoginImage: '/images/noLogin.png',
    // 判断是否登录
    islogin: false,
  },
  // 加载数据
  loadData() {
    var that = this;
    wx.showLoading({
      title: '加载中...',
    })
    wx.request({
      url: app.baseNet + 'userFeedback/insertUserFeedback?',
      data: {
        phoneType: mobileModel,
        username: username,
        content: content
      },
      method: 'GET',
      header: {
        'Content-Type': 'application/json'
      },
      success(res) {
        console.log(res.data)
        wx.hideLoading()
        wx.showToast({
          title: '提交成功',
          duration: 500
        })
        
        setTimeout(function () {
          wx.navigateBack({
          })
        }, 1000)
      },
    })
  },
  // 点击右侧按钮的选中事件
  selectedBtnClick: function(e) {
    console.log(e)
    var tag = e.currentTarget.dataset.id
    var imageUrl = "titleArr[" + tag + "].selectImageUrl"
    var numb = "titleArr[" + tag + "].num"

    titleArr[tag].num += 1
    if (titleArr[tag].num % 2 == 0) {
      for (var i = 0; i < this.data.selectArr.length; i++) {
        if (this.data.selectArr[i] == this.data.titleArr[tag].title) {
          this.data.selectArr.splice(i, 1)
        }
      }
      if (tag == 5) {
        isOtherSelected = false
        this.setData({
          [imageUrl]: '/images/check_gray.png',
          id: tag,
          [numb]: [numb] + 1,
          otherHidden: true,
        })
      } else {
        this.setData({
          [imageUrl]: '/images/check_gray.png',
          id: tag,
          [numb]: [numb] + 1,
        })
      }
      if (this.data.selectArr.length > 0) {
        this.setData({
          isCanCommite: true
        })
      } else {
        if (isOtherSelected == true) {
          this.setData({
            isCanCommite: true
          })
        } else {
          this.setData({
            isCanCommite: false 
          })
        }
      }
    } else {
      if (tag == 5) {
        isOtherSelected = true
        this.setData({
          [imageUrl]: '/images/check_blue.png',
          id: tag,
          [numb]: [numb] + 1,
          otherHidden: false,
          isCanCommite: true
        })
      } else {
        this.data.selectArr.push(titleArr[tag].title)
        console.log(this.data.selectArr)
        this.setData({
          [imageUrl]: '/images/check_blue.png',
          id: tag,
          [numb]: [numb] + 1,
          isCanCommite: true
        })
      }
    }
    indexNum = tag  
  },
  // 监听textArea输入的变化
  valueChange: function(e) {
    var that = this;
    otherContent = e.detail.value
    that.setData({
      inputCount: e.detail.value.length,
    })
  },
  /// 点击确认提交按钮
  entrueCommitBtnClick: function() {
    var that = this;
    if (this.data.selectArr.length > 0) {
      for (var i = 0; i < this.data.selectArr.length; i++) {
        content += this.data.selectArr[i] + ';'
      }
      if (isOtherSelected == true) {
        if (otherContent.length >= 10) {
          content += otherContent
          that.loadData()
        } else {
          wx.showToast({
            title: '其他意见至少10个字',
            duration: 2000
          })
        }
      } else {
        that.loadData()
      }
    } else {
      if (isOtherSelected == true) {
        if (otherContent.length >= 10) {
          content += otherContent
          that.loadData()
        } else {
          wx.showToast({
            title: '其他意见至少10个字',
            duration: 2000
          })
        }
      }
    }
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    otherContent = ''
    content = ''
    username = options.userName
    wx.getSystemInfo({
      success: function(res) {
        mobileModel = res.model
      },
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
  
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {
    var that = this
    var phoneNumber = wx.getStorageSync('phoneNumber')
    if (phoneNumber != null && phoneNumber != '') {
      // 登录
      that.setData({
        islogin: true
      })
    } else {
      // 未登录
      that.setData({
        islogin: false
      })
    }
  },
  // 点击登录注册
  loginBtnClick: function () {
    // 判断是否授权
    wx.getSetting({
      success(res) {
        if (res.authSetting['scope.userInfo']) {
          // 已授权
          var isFirstLogin = wx.getStorageSync('isNofirstLogin')
          if (isFirstLogin) {
            // 不是第一次登陆
            wx.navigateTo({
              url: '../fastLoginAndRegister/fastLoginAndRegister',
            })
          } else {
            // 是第一次登陆
            wx.navigateTo({
              url: '../loginAndRegister/loginAndRegister?jumpType=1',
            })
          }
        } else {
          // 未授权
          wx.navigateTo({
            url: '../loginAndRegister/loginAndRegister?jumpType=1',
          })
        }
      }
    })
  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {
  
  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {
  
  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {
  
  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {
  
  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {
  
  }
})